import React, { Component } from 'react';
import { Icon, DatePicker } from 'antd';
import banner from '../css/Banner.module.css'
class Banner extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div>
                <div className={banner.div}>
                    <div className={banner.banner}>
                        <img src={require('../img/imgad.jpg')} alt="" className={banner.banner1} />
                        <div className={banner.search}>
                            <h1><Icon type="search" />查找住宿 <span>(中文/拼音/英文)</span></h1>
                            <p className={banner.p1}>全球目的地和住宿...</p>
                            <from className={banner.cont}>
                                <div className={banner.from}>
                                    <input type="text" placeholder="广州, 中国" />
                                </div>
                                <div className={banner.from}>
                                    <div className={banner.from1}>
                                        <label>入住</label>
                                        <DatePicker />
                                    </div>
                                    <div className={banner.from1}>
                                        <label>退房</label>
                                        <DatePicker />
                                    </div>
                                </div>
                                <div className={banner.from}>
                                    <div className={banner.from2}>
                                        <label>客房</label>
                                        <select>
                                            <option data-rooms="1" data-adults="1">1 间客房, 1 位成人</option>
                                            <option data-rooms="1" data-adults="2" selected="selected">1 间客房, 2 位成人</option>
                                            <option data-more-options="true">其他选择…</option>
                                        </select>
                                    </div>
                                </div>
                                <div className={banner.from}>
                                    <button type="submit" className={banner.btn} >搜索</button>
                                </div>
                            </from>
                        </div>
                    </div>
                </div>
            </div >
        )
    }
}
export default Banner